<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>学生简单注册</title>
<meta http-equiv="content-type" content="textml; charset=utf-8" />
<meta name="description" content="__DESCRIPTION__">
<meta name="keywords" content="__KEYWORDS__"><link href="__CSS__/common.css" rel="stylesheet" type="text/css" />
<link href="__CSS__/Version4Master.css" rel="stylesheet" type="text/css" />
<link href="__CSS__/Student/reg.css" rel="stylesheet" type="text/css" />
<link href="__CSS__/Student/validator.css" rel="stylesheet" type="text/css" />
<script src="__JS__/jquery-1.8.2.js" type="text/javascript"></script>
<script src="__JS__/formValidator-4.0.1.js" type="text/javascript" charset="UTF-8"></script>
<script src="__JS__/ValidatorRegex.js" type="text/javascript" charset="UTF-8"></script>
<script src="__JS__/DateTimeMask.js" type="text/javascript" charset="UTF-8"></script>
<style type="text/css">
.STYLE1 {
	color: #FF3300;
	font-size: 12px;
}
.STYLE2 {
	font-size: 14px;
}
.STYLE3 {
	font-size: 12px;
}
.input-button, .input-submit {
	background-color: #005EAC;
	border-color: #B8D4E8 #124680 #124680 #B8D4E8;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 12px;
	padding: 4px 15px;
	text-align: center;
}
input.gray {
	background: none repeat scroll 0 0 #F0F0F0 !important;
	border-color: #FFFFFF #848484 #848484 #FFFFFF !important;
	border-style: solid;
	border-width: 1px;
	color: #333333 !important;
}
td {
	height: 35px;
}
#ctl00_ContentPlaceHolder1_rblResource td {
	width: 120px;
}
fieldset {
	width: 800px;
	margin: 5px auto;
	border: 1px dotted #888;
	position:relative;
	padding-bottom:10px;
	padding-left:10px;
}
legend {
	font-size: 14px;
	font-weight: 600;
	background-color:#eef7fa;
}
</style>
</head>
<body>

<div id="container">
	<!-- 此处引入 header 文件-->
	<include file="./Match/Tpl/Include/header.html" />
	<!-- 此处引入 header 文件-->
	<div class="clear"> </div>
	
    <div id="position">
      <ul class="position">
        <li style="background: url(Image/Student/positionL.jpg) no-repeat; left:0; width: 15px;">&nbsp;</li>
        <li style="padding-top: 4px;">您的位置：<a href="###">大赛首页</a>>>学生注册</li>
        <li style="background: url(Image/Student/positionR.jpg) right; float: right;">&nbsp;</li>
      </ul>
    </div>
	
    <div id="main1">
      <h1> 学生用户注册</h1>
      <div class="list" style="float:none;">
        <fieldset style=" float:left; margin-left:72px;" >
          <legend>欢迎参加第五届全国大学生网络商务创新应用大赛，从这里开始你的第一步吧！</legend>
		  <form action="__URL__/addForm" method="post" id="regForm">
          <table border="0" cellspacing="0" cellpadding="0" style="font-size: 12px; display:block;  ">
            <tr>
              <td  align="right" width="150"> *登录邮箱: </td>
              <td width="150"><input name="UserName" type="text" id="UserName" /></td>
              <td width="440"><div id="UserNameTip" style="width: 250px" ></div></td>
            </tr>
            <tr>
              <td align="right" > *高校所在地区: </td>
              <td>
                <select id='OrgLocationId' name="OrgLocationId">
                  <option value="0" selected="selected">---高校所在地区---</option>
                  <volist name="province" id="vo">
				  <option value='{$vo.Id}'>{$vo.Name}</option>
				  </volist>
                </select>
				<input id="OrgLocation" name="OrgLocation" type="hidden" /> 
			  </td>
              <td><div id="OrgLocationIdTip" style="width: 250px"></div></td>
            </tr>
            <tr id="OrgContent1">
              <td align="right"> *高校名称: </td>
              <td width="150">
                  <select id="SchoolId" name="SchoolId">
                    <option value='-1'>---高校名称---</option>
                  </select>
			  </td>
              <td><div id="SchoolIdTip" style="width: 250px"></div></td>
            </tr>
			<tr id="OrgContent2" style="display:none;">
              <td align="right"> *高校名称: </td>
              <td width="150">
                <input type="text" name="OrgName" id="OrgName" />
			  </td>
              <td><div id="OrgNameTip" style="width: 250px"></div></td>
            </tr>
            <tr>
              <td align="right"> *姓名: </td>
              <td><input name="TrueName" type="text" id="TrueName" /></td>
              <td><div id="TrueNameTip" style="width: 250px"></div></td>
            </tr>
            <tr>
              <td align="right"> *密码: </td>
              <td><input name="Password" type="password" id="Password" /></td>
              <td><div id="PasswordTip" style="width: 250px"></div></td>
            </tr>
            <tr>
              <td align="right" > *确认密码: </td>
              <td><input name="Repassword" type="password" id="Repassword" /></td>
              <td><div id="RepasswordTip" style="width: 250px"></div></td>
            </tr>
            <tr>
              <td align="right"> *手机号码: </td>
              <td><input name="PhoneNumber" type="text" id="PhoneNumber" /></td>
              <td><div id="PhoneNumberTip" style="width: 250px"></div></td>
            </tr>
            <tr>
              <td align="right"> *常用邮箱: </td>
              <td><input name="Email" type="text" id="Email" /></td>
              <td><div id="EmailTip" style="width: 290px;"></div></td>
            </tr>
          </table>
        </fieldset>
        <fieldset>
          <legend>你是如何知道大赛信息的？</legend>
          <div>
            <table id="ctl00_ContentPlaceHolder1_rblResource" border="0">
              <tr>
                <td><input id="Resource_0" type="radio" name="Resource" value="老师课堂宣传" />
                  <label for="Resource_0">老师课堂宣传</label></td>
                <td><input id="Resource_1" type="radio" name="Resource" value="学校组织" />
                  <label for="Resource_1">学校组织</label></td>
                <td><input id="Resource_2" type="radio" name="Resource" value="校园网站" />
                  <label for="Resource_2">校园网站</label></td>
                <td><input id="Resource_3" type="radio" name="Resource" value="往届大赛" />
                  <label for="Resource_3">往届大赛</label></td>
                <td><input id="Resource_4" type="radio" name="Resource" value="校园海报" />
                  <label for="Resource_4">校园海报</label></td>
                <td><input id="Resource_5" type="radio" name="Resource" value="传统媒体新闻报道" />
                  <label for="Resource_5">传统媒体新闻报道</label></td>
              </tr>
            </table>
          </div>
          <div>
            <label for="ddlClubs"> 大赛官方社区：</label>
            <select name="Clubs" id="Clubs">
              <option value="-1">——请选择——</option>
              <option value="开心网">开心网</option>
              <option value="新浪微博">新浪微博</option>
              <option value="中国移动飞信">中国移动飞信</option>
              <option value="新浪博客">新浪博客</option>
              <option value="和讯博客">和讯博客</option>
              <option value="和讯财经微博">和讯财经微博</option>
              <option value="搜狐微博">搜狐微博</option>
              <option value="搜狐博客">搜狐博客</option>
              <option value="腾讯微博">腾讯微博</option>
              <option value="西祠胡同">西祠胡同</option>
              <option value="淘金帮">淘金帮</option>
              <option value="酷6网">酷6网</option>
              <option value="人人网">人人网</option>
              <option value="百度贴吧">百度贴吧</option>
              <option value="阿里巴巴博客">阿里巴巴博客</option>
              <option value="天涯社区">天涯社区</option>
              <option value="网易博客">网易博客</option>
            </select>
            <label for="txtOther" style="margin-left:150px;"> 其他：</label>
            <input name="Other" type="text" id="Other" />
          </div>
        </fieldset>
        <p style="font-size: 14px;">
          <input type="checkbox" id="isread" style="width: auto; height: auto;
                    margin-right: 10px;" />
          <label for="isread" style="cursor: pointer;"> 提交注册信息,表示您同意并遵守</label>
          <a href="###" target="_blank" style="font-size: 14px; padding: 0 5px 0 5px;"><span
                            style="font-size: 14px; color: #0099FF; text-decoration: underline;">大赛注册协议</span></a></p>
        <p style="padding-top: 15px; padding-bottom: 15px;" class="list1">
          <input type="submit" name="button" value="提交" id="button" class="input-button" />
          <input type="button" class="input-button gray"  value="返回" onclick="javascript:history.go(-1);" />
        </p>
		</form>
      </div>
	</div>
	<div class="clear"> </div>
    <!--此处引入 footer文件-->
	<include file="./Match/Tpl/Include/footer.html" />
	<!--此处引入 footer文件-->
</div>
<script type="text/javascript">
$(document).ready(function(){
	$.formValidator.initConfig({formID:"regForm",autoTip:false,onError:function(msg){alert(msg)},inIframe:true});
	$("#UserName").formValidator({onShow:"请输入用户名",onFocus:"填写一个常用邮箱吧，注册成功后就不能修改了！",onCorrect:"该用户名可以注册"}).inputValidator({min:1,max:100,onError:"你输入的用户名非法,请确认"}).regexValidator({regExp:"email",dataType:"enum",onError:"您输入的邮箱格式不正确"})
	    .ajaxValidator({
		dataType : "html",
		type : "POST",
		async : true,
		url : "__URL__/checkUsername",
		success : function(data){
            if( data == '0' ) {return true};
			return false;
		},
		buttons: $("#button"),
		error: function(jqXHR, textStatus, errorThrown){alert("服务器没有返回数据，可能服务器忙，请重试"+errorThrown);},
		onError : "该用户名不可用，请更换用户名",
		onWait : "正在对用户名进行合法性校验，请稍候..."
	});
	$("#OrgLocationId").formValidator({onShow:"请选择！",onFocus:"必须选择！",onCorrect:"　",defaultValue:""}).inputValidator({min:1,onError: "你是不是忘记选择了!"});
	$("#SchoolId").formValidator({onShow:"请选择！",onFocus:"必须选择！",onCorrect:"　",defaultValue:""}).inputValidator({min:1,onError: "你是不是忘记选择了!"});
	$("#TrueName").formValidator({onShow:"请输入真实姓名, 2-5个简体中文", onFocus:"姓名不能为空",onCorrect: "　",defaultValue:""}).inputValidator({min:4,max:10,empty:{leftEmpty:false,rightEmpty:false,emptyError:"姓名两边不能有空符号"},onError:"姓名必须为2-5个简体中文"}).regexValidator({regExp:"chinese",dataType:"enum",onError:"姓名必须为2-5个简体中文"});
	$("#Password").formValidator({onShow:"请输入密码, 6~16个字符，由数字、字母、符号组成！",onFocus:"请输入密码, 6~16个字符，由数字、字母、符号组成！",onCorrect:"　"}).inputValidator({min:6,max:16,empty:{leftEmpty:false,rightEmpty:false,emptyError:"密码两边不能有空符号"},onError:"密码长度非法,请确认"});
	$("#Repassword").formValidator({onShow:"请输入重复密码！",onFocus:"两次密码必须一致哦！",onCorrect:"　"}).inputValidator({min:6,max:16,empty:{leftEmpty:false,rightEmpty:false,emptyError:"重复密码两边不能有空符号"},onError:"两次密码必须一致！"}).compareValidator({desID:"Password",operateor:"=",onError:"2次密码不一致,请确认"});
	$("#PhoneNumber").formValidator({onShow:"请输入你的手机号码！",onFocus:"请输入你的手机号码！",onCorrect:"　"}).inputValidator({min:11,max:11,onError:"手机号码必须是11位的,请确认"}).regexValidator({regExp:"mobile",dataType:"enum",onError:"你输入的手机号码格式不正确"});
	$("#Email").formValidator({onShow:"此邮箱地址将是组委会与你日常联系的重要途径之一，一定要认真填写哦！可以与“登录邮箱”相同",onFocus:"此邮箱地址将是组委会与你日常联系的重要途径之一，一定要认真填写哦！可以与“登录邮箱”相同",onCorrect:"　"}).inputValidator({min:6,max:100,onError:"你输入的邮箱长度非法,请确认"}).regexValidator({regExp:"email",dataType:"enum",onError:"你输入的邮箱格式不正确"}).ajaxValidator({
		dataType : "html",
		type : "POST",
		async : true,
		url : "__URL__/checkEmail",
		success : function(data){
            if( data == '0' ) {return true};
			return false;
		},
		buttons: $("#button"),
		error: function(jqXHR, textStatus, errorThrown){alert("服务器没有返回数据，可能服务器忙，请重试"+errorThrown);},
		onError : "该邮箱已被使用，请更换邮箱",
		onWait : "正在对邮箱进行合法性校验，请稍候..."
	});
	$("#OrgLocationId").change(function(){
		var id=$(this).val();
		$.get("__URL__/getSchoolList/pro/"+id,function(data){
			if(data){
				$("#SchoolId").empty();
				$("#SchoolId").append('<option>---高校名称---</option>');
				for(var i=0;i<data.length;i++){
					$("#SchoolId").append("<option value='"+data[i].Id+"'>"+data[i].SchoolName+"</option>");
				}
				$("#SchoolId").append('<option value="0">其他</option>');
			}
		},"json");
		$("#OrgContent1").show();
		$("#OrgContent2").hide();
		$("#OrgLocation").val($("#OrgLocationId option:selected").text());
	});
	$("#SchoolId").change(function(){
		if($(this).val() == '0'){
			$("#OrgContent1").hide();
			$("#OrgContent2").show();
			$("#OrgName").val('');
			$("#OrgName").formValidator({onShow:"没有您所在的高校？请手动填写！", onFocus:"请手动填写您所在高校！",onCorrect: "　",defaultValue:""}).inputValidator({min:1,max:50,empty:{leftEmpty:false,rightEmpty:false,emptyError:"两边不能有空符号"},onError:"名称必须为简体中文"}).regexValidator({regExp:"chinese",dataType:"enum",onError:"名称必须为简体中文"});
		}else{
			$("#OrgName").val($("#SchoolId option:selected").text());
		}
	});
});
</script>
</body>
</html>